<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<style>
	main .main {
		margin-top: 70px;
		position: relative;
	}
	main .main .comment .frame {
		position: relative;
		margin: 40px auto;
		margin-bottom: 40px;
		padding: 20px 20px;
		width: 620px;
		height: 320px;
	}
	main .main .comment .frame .arc {
		color: white;
		position: absolute;
		top: 20px;
		left: 35px;
		z-index: 1;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border-radius: 50%;
		background: #db9a0f;
		box-shadow: 0px 0px 5px 1px #ebe15f inset;
	}
	main .main .comment .frame .box {
		position: relative;
		top: 45px;
		height: 180px;
		border-radius: 20px;
		background: rgba(235, 228, 228, 0.6);
	}
	main .main .comment .frame .box textarea {
		width: 100%;
		height: 180px;
		font-size: 16px;
		border-radius: 20px;
		resize: none;
		padding: 20px;
		background: rgba(235, 228, 228, 0.6);
	}
	main .main .comment .frame .biaoqing {
		position: relative;
		top: 40px;
		margin-top: 15px;
	}
	main .main .comment .frame .biaoqing a {
		margin: 0px 10px;
		cursor: pointer;
	}
	main .main .comment .frame .biaoqing a i {
		font-size: 30px;
		color: #104D91;
	}
	main .main .comment .frame .biaoqing .btn {
		cursor: pointer;
		position: absolute;
		right: 10px;
		font-size: 14px;
		padding: 6px 14px;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 10px;
		color: white;
	}
	main .main .comment .frame .biaoqing .btn:hover {
		background: rgba(238, 179, 18, 0.5);
		color: #232B6A;
	}
</style>
<div class="data_list" style="background-color: rgba(255,255,255,0);">
	<div class="data_list_title" >
		<img src="${pageContext.request.contextPath}/static/images/about_icon.png"/>
		关于博主
	</div>
	<div style="padding: 30px">
		<p>博主邮箱：${blogger.profile}</p>
		<p>博主签名：${blpgger.sign}</p>
	</div>
</div>
<main class="container" >
	<div class="main">
		<!-- 评论区域 -->
		<section class="comment" style="background-color: rgba(255,255,255,0);width: 450px;height: 300px">
			<!-- 留言区域 -->
			<div class="frame">
				<div class="arc">留言</div>
				<div class="box">
					<textarea node-type="textarea" placeholder="一起来吐槽的神马,来盖楼吧" class="msg" style="background-color: rgba(255,255,255,0)"></textarea>
				</div>
				<div class="biaoqing">
					<a><i class="iconfont icon-lianxiaolianmanyi-"></i></a>
					<a><i class="iconfont icon-tupian"></i></a>
					<a class="btn"><span class="oButton">发布</span></a>
				</div>
			</div>
		</section>
	</div>
</main>
<script>
	// (1)
	$(document).ready(function () {
		// getMsg();
		document.querySelector('body').setAttribute('page',1);
		getMsg(1, 2);
	})

	//(2)
	$('.oButton').click(function () {
		if($('.msg')[0].value!=""){
			$.ajax({
				"url":"/web/bloggerMessage/addMessage.do",
				"method":"post",
				"data":{
					message:$('.msg')[0].value,
				},
				success:function (){
					alert("发布成功");
				},
				error:function (){
					alert("发布失败")
				}
			})} else{
			alert("请先输入留言内容");
		}
	})
</script>